//1.导入vue核心包
import Vue from 'vue';
// 2.0 导入App.vue的vue对象
import App from './App.vue';
// 3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';
// 3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);
// 3.0.2 导入路由规则对应的组件对象
import home from './components/home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';
// 3.0.2 定义路由规则 
var router1 = new vueRouter({
	linkActiveClass:'mui-active',
	routes:[
		{path:'/home',component:home},
		{path:'/shopcar',component:shopcar},
		{path:'/news/newslist',component:newslist},
	]
});
//4注册mint-ui
import mintui from 'mint-ui';
//导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
Vue.use(mintui);//全局使用mintui

// 5.0 注册mui的css样式
import '../statics/mui/css/mui.css';

// 6.0 导入一个当前系统的全局基本样式
import '../statics/css/site.css';
//7.导入vue-resource,绑定在Vue使用
import vueResource from 'vue-resource';
Vue.use(vueResource);

//定义全局过滤器
import moment from "moment";
Vue.filter("datefmt",function(input,str){
	return moment(input).format(str);
})
//  利用Vue对象进行解析渲染
new Vue({
	el:"#app",
	router:router1,
	render:c=>c(App)// es6的函数写法 =>：goes to
})
